﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="tinnoibat.ascx.cs" Inherits="frontpages_usercontrol_tinnoibat" %>

<script type="text/javascript">
 $(document).ready( function(){
		var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
						next:$('#lofslidecontent45 .lof-next') };
						
		$obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
												direction		: 'opacity',	
											 	easing			: 'easeOutBounce',
												duration		: 1200,
												auto		 	: true,
												mainWidth:575,											
												buttons			: buttons} );	
	});
</script>
<div class="art-post">
    <div id="lofslidecontent45" class="lof-slidecontent" style="width:575px; height:250px;">
        <div class="preload"><div></div></div>
         <!-- MAIN CONTENT --> 
          <div class="lof-main-outer" style="width:575px; height:250px;">
            <div onclick="return false" href="" class="lof-previous">Previous</div>
            <ul class="lof-main-wapper">
                <li>
                        <img src="~/frontpages/Template/js/lofslidernews/images/thumbl_980x340_002.png" title="Newsflash 2" runat="server" style="width:575px; height:250px">           
                         <div class="lof-main-item-desc">                        
                        <h2>Content of Newsflash 1</h2>
                        <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...
                        <a href="#" style="color:White">Chi tiết</a>
                        </p>
                     </div>
                </li> 
               <li>
                  <img src="~/frontpages/Template/js/lofslidernews/images/thumbl_980x340.png" title="Newsflash 1" runat="server" style="width:575px; height:250px" >           
                     <div class="lof-main-item-desc">
                        <h2>Content of Newsflash 2</h2>
                        <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...
                        <a href="#" style="color:White">Chi tiết</a>
                        </p>
                     </div>
                </li> 
               <li>
                  <img src="~/frontpages/Template/js/lofslidernews/images/thumbl_980x340_003.png" title="Newsflash 3" runat="server" style="width:575px; height:250px" >            
                    <div class="lof-main-item-desc">
                        <h2>Content of Newsflash 3</h2>
                        <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...
                        <a href="#" style="color:White">Chi tiết</a>
                        </p>
                     </div>
                </li> 
                <li>
        
                  <img src="~/frontpages/Template/js/lofslidernews/images/thumbl_980x340_004.png" title="Newsflash 5" runat="server" style="width:575px; height:250px" >            
                    <div class="lof-main-item-desc">
                        <h2>Content of Newsflash 4</h2>
                        <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                        <a href="#" style="color:White">Chi tiết</a>
                        </p>
                     </div>
                </li> 
                
                <li>
        
                  <img src="~/frontpages/Template/js/lofslidernews/images/thumbl_980x340_005.png" title="Newsflash 5" runat="server" style="width:575px; height:250px">            
                    <div class="lof-main-item-desc">
                       <h2>Content of Newsflash 5</h2>
                        <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                        <a href="#" style="color:White">Chi tiết</a>
                        </p>
                     </div>
                </li> 
                <li>
        
                  <img src="~/frontpages/Template/js/lofslidernews/images/thumbl_980x340_006.png" title="Newsflash 5" runat="server" style="width:575px; height:250px">            
                    <div class="lof-main-item-desc">
                        <h2>Content of Newsflash 6</h2>
                        <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                        <a href="#" style="color:White">Chi tiết</a>
                        </p>
                     </div>
                </li> 
                 <li>
                  <img src="~/frontpages/Template/js/lofslidernews/images/thumbl_980x340_007.png" title="Newsflash 5" runat="server" style="width:575px; height:250px">            
                    <div class="lof-main-item-desc">
                        <h2>Content of Newsflash 7</h2>
                        <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                            <a href="#" style="color:White">Chi tiết</a>
                        </p>
                     </div>
                </li> 
                  <li>
                  <img src="~/frontpages/Template/js/lofslidernews/images/thumbl_980x340_008.png" title="Newsflash 8" runat="server" style="width:575px; height:250px">            
                    <div class="lof-main-item-desc">
                        <h2>Content of Newsflash 8</h2>
                        <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                            <a href="#" style="color:White">Chi tiết</a>
                        </p>
                     </div>
                </li> 
              </ul>  	
                 <div onclick="return false" href="" class="lof-next">Next</div>
          </div>
          <!-- END MAIN CONTENT --> 
    </div> 
</div>